<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>手机端底部导航栏</title>
<link rel = "stylesheet" href = "../css/blog.css"/>
<script src="../resources/scripts/jquery-3.2.1.min.js"></script>
</head>
<body>
    <div class="page-container">
        <div class="top-bar">
                <a class="btn-back"  href="#" >
                    <span>
                        <img src="../resources/images/back.svg" alt="">
                    </span>
                </a>
                <a id="share" class="btn-more"href="#" >
                    <span>
                        <img  src="../resources/images/share.svg" alt="">
                        <img  src="../resources/images/btn-more.svg" alt="" style="position: absolute; top: 33px; right: 25px;">
                    </span>
                </a>
        </div>
        <div class="list-tabs">
            <span class="list-item active">博文详细</span>
        </div>
        
        <div class="blog-detail">
          <div class="title">
            如何充实的度过大学生活
          </div>  
          <div class="time">
            发布时间：2023/5/01
          </div>
          <div class="content">
            <div>
              <img  src="../resources/images/blog1-img1.svg" alt=""/>
            </div>
              <p>
                　　首先我们都知道，大学相对于高中来说，要宽松很多。而且，进入大学后，也不仅仅只有学习这一项任务了。
              </p>    
              <p>
                　　所以，该如何更好的充实大学生活，就成为了每个大学生应该思考的事情。因为过好大学，在你顺利毕业进入社会后，你会更如鱼得水。
              </p>
              <p>
                　　以下这些建议分享给你，只要你能坚持一项，你都可以充实快乐的度过自己的大学生活。
              </p>
              <div>
                <img src="../resources/images/blog1-img2.png" alt=""/>
              </div>
              <p>
                　　首先我们都知道，大学相对于高中来说，要宽松很多。而且，进入大学后，也不仅仅只有学习这一项任务了。
              </p>
              <p><b>1、思想上，要尽快转变思路。</b>尽快从高中思维中跳出来。开始学着独立起来，主动地去处理好自己的事情，包括自己的学习和生活。</p>
              　　
          </div>

        </div>
        <div class="operation">
          <div class="author">
            <span class="author-avatar"><img src="../resources/images/user2.svg"/></span>
            <span class="author-name">徐彦祖</span>
            </div>
            <div>
              <span class="btn-like"><img src="../resources/images/like.svg" alt=""></span>
              <span class="btn-star"><img src="../resources/images/star.svg" alt=""></span>
              <span class="btn-comment"><img src="../resources/images/comment.svg" alt=""></span>
            </div>
                    
        </div>
        <div class="bottom-nav" >
            <img id="tabs-bg"  src="../resources/images/tabs-bg.svg"/>
            <a href="http://127.0.0.1:5500/html/index.html" class="nav-item">
                <span class="icon">
                    <img id="tab-home" src="../resources/images/tab-home.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/html/blogTest.html">
                <span class="icon">
                    <img id="tab-message"  src="../resources/images/tab-message.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/html/zjh/blogEdit.html">
                <span class="icon">
                    <img id="tab-publish"  src="../resources/images/tab-publish.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/html/blogCheck.html ">
                <span class="icon">
                    <img id="tab-search"  src="../resources/images/tab-search.svg"/>
                </span>
            </a>
            <a href="http://127.0.0.1:5500/personalPage/index.html">
                <span class="icon">
                    <img id="tab-user" src="../resources/images/tab-user.svg"/>
                </span>
            </a>
        </div>
        
    </div>

    <div class="comment-container">
      <div class="comment-header">
        <div class="title">评论</div>
        <div class="sort"><img src="../resources/images/sort.svg"/>时间排序</div>
      </div>
      <div class="comment-list">
        <div class="comment-item">
          <div class="comment-item-header">
            <div class="author">
              <span class="author-avatar"><img src="../resources/images/user2.svg"/></span>
              <span class="author-name">徐彦祖</span>
            </div>
            <div class="share">
              <span><img src="../resources/images/btn-more.svg" alt=""></span>
            </div>
          </div>
          <div class="conmment-item-content">
            规划是自己的事，别人不了解你，提的建议都比较主观，想要了解你提建议需要时间，也要看给建议的人的水平，我做过好多职业规划，最好的回答都是自己想明白的。
          </div>
          <div class="comment-item-footer">
            <div class="time ">2022.5.01</div>
            <div class="operation">
              <span class="btn-like"><img src="../resources/images/like.svg" alt="">56</span>
              <span class="btn-comment"><img src="../resources/images/comment.svg" alt=""></span>
            </div>
          </div>
          <div class="comment-btn-more">
            <span>查看全部31条评论&#62 </span>
          </div>
        </div>

        <div class="comment-item">
          <div class="comment-item-header">
            <div class="author">
              <span class="author-avatar"><img src="../resources/images/user2.svg"/></span>
              <span class="author-name">徐彦祖</span>
            </div>
            <div class="share">
              <span><img src="../resources/images/btn-more.svg" alt=""></span>
            </div>
          </div>
          <div class="conmment-item-content">
            规划是自己的事，别人不了解你，提的建议都比较主观，想要了解你提建议需要时间，也要看给建议的人的水平，我做过好多职业规划，最好的回答都是自己想明白的。
          </div>
          <div class="comment-item-footer">
            <div class="time ">2022.5.01</div>
            <div class="operation">
              <span class="btn-like"><img src="../resources/images/like.svg" alt="">56</span>
              <span class="btn-comment"><img src="../resources/images/comment.svg" alt=""></span>
            </div>
          </div>
          <div class="comment-btn-more">
            <span>查看全部31条评论&#62 </span>
          </div>
  
        </div>

        <div class="comment-item">
          <div class="comment-item-header">
            <div class="author">
              <span class="author-avatar"><img src="../resources/images/user2.svg"/></span>
              <span class="author-name">徐彦祖</span>
            </div>
            <div class="share">
              <span><img src="../resources/images/btn-more.svg" alt=""></span>
            </div>
          </div>
          <div class="conmment-item-content">
            规划是自己的事，别人不了解你，提的建议都比较主观，想要了解你提建议需要时间，也要看给建议的人的水平，我做过好多职业规划，最好的回答都是自己想明白的。
          </div>
          <div class="comment-item-footer">
            <div class="time ">2022.5.01</div>
            <div class="operation">
              <span class="btn-like"><img src="../resources/images/like.svg" alt="">56</span>
              <span class="btn-comment"><img src="../resources/images/comment.svg" alt=""></span>
            </div>
          </div>
          <div class="comment-btn-more">
            <span>查看全部31条评论&#62 </span>
          </div>
        </div>
      </div>

      <div class="comment-input">
        <input type="text" placeholder="请输入评论内容" >
        <span><img src="../resources/images/enter.svg" alt=""></span>
      </div>
    </div>
</body>
<script type = "text/javascript" src = "../js/blog.js"></script>

</html>



